<template>
  <!-- 轮播图  :autoplay='false' -->
  <div v-if="imgarr.length>0" class="imgarr">
    <el-carousel :interval="4000" type="card" height="250px">
      <el-carousel-item v-for="(item,index) in imgarr" :key="index">
        <img :src="item.bannerImg" alt="">
      </el-carousel-item>
    </el-carousel>
    <div></div>
  </div>

</template>
<script>
export default {
  props: ['imgarr'],
  data () {
    return {

    }
  },
  methods: {

  },
}
</script>
<style lang="scss" scoped>
  //image轮播图
  .imgarr {
    width: 1200px;
    margin: auto;
    margin-top: 60px;
    padding-top: 26px;
    box-shadow: 2px 4px 12px 2px rgba(0, 0, 0, 0.2);
    background: #f6f8fb;
    .el-carousel__item img {
      width: 100%;
      height: 100%;
    }
    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }
    .el-carousel__item:nth-child(2n + 1) {
      background-color: #d3dce6;
    }
  }
  /deep/ .el-carousel__arrow--left,
  /deep/ .el-carousel__arrow--right {
    width: 50px;
    height: 50px;
    background-color: #fff;
    box-shadow: 2px 4px 12px 2px rgba(0, 0, 0, 0.5);
    color: #4c9efd;
    font-size: 20px;
    font-weight: 800;
  }
</style>